<%@page contentType="content-type: application/x-javascript" %>
<%@taglib prefix="s" uri="/struts-tags" %>
var VALIDACION = {

	inicio : function() {
		$('#contrasena').blur(function() {
			if ($('#repetir-contrasena').val() != '')
				VALIDACION.contrasena();
		});
		$('#repetir-contrasena').blur(function() {
			VALIDACION.contrasena();
		});		
	},
	
	contrasena : function() {
		var contenedor = $('#texto fieldset');
		var contrasena = $('#contrasena');
		var repetir = $('#repetir-contrasena');
		var parrafo = contenedor.find('p');
		var boton = contenedor.find('button');
		if ((contrasena.val() != '') && (contrasena.val() == repetir.val())) {
			if (parrafo.length == 0)
				boton.before('<p class="correcto">Las contraseñas coinciden</p>');
			else
				parrafo.replaceWith('<p class="correcto">Las contraseñas coinciden</p>');
			parrafo.hide().fadeIn(VELOCIDAD_FADE);
			repetir.removeClass('incorrecto').addClass('correcto');
		} else if (contrasena.val() != repetir.val()) {
			if (parrafo.length == 0)
				boton.before('<p class="incorrecto">Las contraseñas no coinciden</p>');
			else
				parrafo.replaceWith('<p class="incorrecto">Las contraseñas no coinciden</p>');
			parrafo.hide().fadeIn(VELOCIDAD_FADE);
			repetir.removeClass('correcto').addClass('incorrecto');
		} else {
			if (parrafo.length > 0) {
				parrafo.remove();
				repetir.removeClass('correcto incorrecto');
			}
		}
	}
	
}




$(document).ready(function() {
	VALIDACION.inicio();
});